﻿@charset "utf-8";

@import url("base.css");
@import url("float-center.css");

/* 
DEFAULT STYLE ---------------------------- */
body { font: 12px/20px Tahoma,Arial,sans-serif; color: #183152; }
a { color: #183152; }
a:hover { color: #075181; text-decoration: none; }

/* 
LAYOUT STYLE ---------------------------- */
.ui-menu { height: 30px; width: 100%; border-bottom: solid 1px Gray; background-color: #f0f0f0; }
.ui-status { height: 30px; width: 100%; border-top: solid 1px Gray; background-color: #f0f0f0; }
.ui-content { overflow:auto; position:relative; }
.ui-search {  }

.ui-roundpanel { margin-bottom: 5px; margin-top:0; }

.sl-floatcenter-item { padding: 0 10px; }
.clearfix { padding-top: 5px; }

/* 隐藏 */
.ui-hidden{ display: none; }

/* 
VALIDATION STYLE ---------------------------- */
.ui-validation { min-height: 30px; }
.ui-validation .dxvsValidationSummary li.dxvsE { float: left; margin-left: 26px; background: url(../themes/silver/images/warning.png) no-repeat left center;
    padding-left: 20px; display: block; }
.dxvsValidationSummary li.dxvsE a { line-height: 20px; }


/* 
LOOKUP STYLE ---------------------------- */
td.lookup { width:21px; padding:0; padding-left:3px; text-align:right; }
.ui-cell-odd .lookup a:link { display:block; width:21px; height:21px; cursor:pointer; background:url(../../Images/Common/btnLookup.png) no-repeat left top; }
.ui-cell-odd .lookup a:visited { display:block; width:21px; height:21px; cursor:pointer; background:url(../../Images/Common/btnLookup.png) no-repeat left top; }
.ui-cell-odd .lookup a:hover { display:block; width:21px; height:21px; cursor:pointer; background:url(../../Images/Common/btnLookup.png) no-repeat 0 -25px; }
.ui-cell-odd .lookup a:active { display:block; width:21px; height:21px; cursor:pointer; background:url(../../Images/Common/btnLookup.png) no-repeat 0 -25px; }

div.lookup {  }

/* 
ROW STYLE ---------------------------- */
/*
控件宽度占两列 ui-cell-colspan2
控件宽度占三列 ui-cell-colspan3
控件宽度占四列 ui-cell-colspan4
控件宽度占五列 ui-cell-colspan5

控件高度占两行 ui-cell-rowspan2
控件高度占三行 ui-cell-rowspan3
控件高度占四行 ui-cell-rowspan4
控件高度占五行 ui-cell-rowspan5

*/

/* 只读行的单元格 */
.ui-container { padding: 5px 5px; max-width:1440px; }
.ui-row { clear:both; list-style:none; width:100%; overflow:hidden; margin-bottom:2px;  }
.ui-row .ui-cell-even { float: left; white-space: nowrap; display: block; width:100px; height: 21px; line-height:21px; padding-bottom:4px; text-align:right; color:#183152; }
.ui-row .ui-cell-odd { float: left; white-space:nowrap; display: block; width:114px; height: 15px; padding:2px; line-height:15px; border:solid 1px #9f9f9f; text-align:left; background-color:#f6f6f6; color:#183152; overflow:hidden; }
.ui-row .ui-cell-colspan2 { width: 334px; }
.ui-row .ui-cell-colspan3 { width: 554px; }
.ui-row .ui-cell-colspan4 { width: 774px; }
.ui-row .ui-cell-colspan5 { width: 994px; }
.ui-row .ui-cell-rowspan2 { height:47px; white-space:normal; } 
.ui-row .ui-cell-rowspan3 { height:73px; white-space:normal; } 
.ui-row .ui-cell-rowspan4 { height:99px; white-space:normal; } 
.ui-row .ui-cell-rowspan5 { height:125px; white-space:normal; } 
.ui-row .ui-cell-rowspan6 { height:151px; white-space:normal; } 
.ui-row .ui-cell-rowspan7 { height:177px; white-space:normal; } 
.ui-row .ui-cell-rowspan8 { height:203px; white-space:normal; } 

/* 可编辑行的单元格 */ 
.ui-row-write { clear:both; list-style:none; width:100%; overflow:hidden; padding-bottom:2px; }
.ui-row-write .ui-cell-even { float: left; white-space: nowrap; display: block; width:100px; height: 21px; line-height:21px; padding-bottom:4px; text-align:right; color:#183152; vertical-align:middle; }
.ui-row-write .ui-cell-odd  { float: left; white-space:nowrap; display: block; text-align:left; overflow:hidden;border:none; padding:0; width:120px; height:25px; vertical-align:middle; }
.ui-row-write .ui-cell-colspan2 { width:340px; border:none; padding:0; }
.ui-row-write .ui-cell-colspan3 { width:560px; border:none; padding:0; }
.ui-row-write .ui-cell-colspan4 { width:780px; border:none; padding:0; }
.ui-row-write .ui-cell-colspan5 { width:1000px; border:none; padding:0; }
.ui-row-write .ui-cell-rowspan2 { height:52px; white-space:normal; border:none; padding:0; } 
.ui-row-write .ui-cell-rowspan3 { height:79px; white-space:normal; border:none; padding:0; } 
.ui-row-write .ui-cell-rowspan4 { height:106px; white-space:normal; border:none; padding:0; } 
.ui-row-write .ui-cell-rowspan5 { height:123px; white-space:normal; border:none; padding:0; } 
.ui-row-write .ui-cell-rowspan6 { height:150px; white-space:normal; border:none; padding:0; } 
.ui-row-write .ui-cell-rowspan7 { height:177px; white-space:normal; border:none; padding:0; } 
.ui-row-write .ui-cell-rowspan8 { height:204px; white-space:normal; border:none; padding:0; } 

/* 可编辑行的只读单元格 */
.ui-row-write .ui-cell-odd-read { float: left; white-space:nowrap; display: block; text-align:left; overflow:hidden; width:114px; height: 15px; line-height:15px; 
                                  padding:2px; border:solid 1px #9f9f9f; background-color:#f6f6f6; color:#183152; }
.ui-row-write .ui-cell-read-colspan2 { width:334px; }
.ui-row-write .ui-cell-read-colspan3 { width:554px; }
.ui-row-write .ui-cell-read-colspan4 { width:774px; }
.ui-row-write .ui-cell-read-colspan5 { width:994px; }
.ui-row-write .ui-cell-read-rowspan2 { height:52px; white-space:normal; margin-bottom:6px; } 
.ui-row-write .ui-cell-read-rowspan3 { height:79px; white-space:normal; margin-bottom:6px; } 
.ui-row-write .ui-cell-read-rowspan4 { height:106px; white-space:normal; margin-bottom:6px; } 
.ui-row-write .ui-cell-read-rowspan5 { height:123px; white-space:normal; margin-bottom:6px; } 
.ui-row-write .ui-cell-read-rowspan6 { height:150px; white-space:normal; margin-bottom:6px; } 
.ui-row-write .ui-cell-read-rowspan7 { height:177px; white-space:normal; margin-bottom:6px; } 
.ui-row-write .ui-cell-read-rowspan8 { height:204px; white-space:normal; margin-bottom:6px; } 

a.ui-cell-link:link a.ui-cell-link:visited  { cursor:pointer; color:Blue; }
a.ui-cell-link:hover { color:Blue; cursor:pointer; }

.ui-row-write .ui-cell-btn { float: left; white-space:nowrap; display: block; text-align:left; overflow:hidden; border:none; padding:0; width:220px; height:25px; vertical-align:middle; }

.ui-row-write .ui-cell-btn ul { list-style:none; width:150px; margin:0 auto; overflow:hidden; }
.ui-row-write .ui-cell-btn ul li { float:left; white-space: nowrap; display: block;  width:50px;}
.ui-row-write .ui-cell-btn ul li:first-child { padding-left:30px; padding-right:20px; }



/* DIV浮动布局 */
div.cell { padding-bottom: 2px; width: 25%; float: left; overflow: hidden; position:static; }
div.cell div:first-child { padding-left: 100px; position: relative; }
div.poupupcell div:first-child { padding-right:23px; }
div.cell div:first-child div:first-child { height: 25px; line-height: 25px; position:static; padding:0; }
div.cell div:first-child div:first-child span:first-child { position: absolute;display: block; width: 100px;height: 25px; line-height: 25px; left: 0; top: 0;  text-align: right; }
div.cell div:first-child div:first-child a.popup:link { position:absolute; display:block; width:21px; height:21px; cursor:pointer; right: 0; top: 0; background:url(../../../Images/Common/btnLookup.png) no-repeat left top; }
div.cell div:first-child div:first-child a.popup:visited { position:absolute; display:block; width:21px; height:21px; cursor:pointer; right: 0; top: 0; background:url(../../../Images/Common/btnLookup.png) no-repeat left top; }
div.cell div:first-child div:first-child a.popup:hover { background:url(../../../Images/Common/btnLookup.png) no-repeat 0 -25px; }
div.cell div:first-child div:first-child a.popup:active { background:url(../../../Images/Common/btnLookup.png) no-repeat 0 -25px; }


/* 最终布局 */

ul.ui-r { width:100%; overflow:hidden; padding-bottom:2px; height:25px; }
ul.ui-r li { width:25%; white-space:nowrap; float:left; }
ul.ui-r li:first-child { width:24%; }
ul.ui-r li div:first-child { padding-left: 100px; position:relative; }
ul.ui-r li div:first-child label:first-child { position:absolute; display:block; width:100px;height:25px; line-height:25px; left:0; top:0; text-align: right; }

ul.ui-r li.ui-popup div:first-child { padding-right:23px; }
ul.ui-r li.ui-popup div:first-child > a:link { position:absolute; display:block; width:21px; height:21px; cursor:pointer; right: 0; top: 0; background:url(../../../Images/Common/btnLookup.png) no-repeat left top; }
ul.ui-r li.ui-popup div:first-child > a:visited { position:absolute; display:block; width:21px; height:21px; cursor:pointer; right: 0; top: 0; background:url(../../../Images/Common/btnLookup.png) no-repeat left top; }
ul.ui-r li.ui-popup div:first-child > a:hover { background:url(../../../Images/Common/btnLookup.png) no-repeat 0 -25px; }
ul.ui-r li.ui-popup div:first-child > a:active { background:url(../../../Images/Common/btnLookup.png) no-repeat 0 -25px; }

ul.ui-r li div:first-child div:first-child { height: 25px; position:static; padding:0; }